@import "app";

.cart-list {
  height: 75vh;

  .van-swipe-cell {
    margin: 10rpx;

    .van-card {
      color: $yellow;
      background: $bg-gray;
      border: 1rpx solid $black;
      text-align: left;
      border-radius: 15rpx;
      padding: 30rpx;

      .van-card__thumb {
        width: 230rpx;
      }

      .van-card__content {
        padding-left: 120rpx;
      }

      .van-card__title {
        font-size: large;
        margin-bottom: 10rpx;
      }

      .van-card__price {
        color: $orange;
      }
    }

    .right_slot, .van-button {
      height: 100%;
      font-size: large;
      line-height: 50rpx;
      border-radius: 15rpx;
      background-color: $orange;
      border: 0;
    }
  }

  .van-checkbox__icon {
    margin-top: 60rpx;
  }

  .van-card__tag {
    left: 65rpx;
  }
}

.van-submit-bar, .van-action-sheet {
  margin-bottom: 100rpx;
}

.pay-dialog {

  .van-popup {
    padding: 30rpx;
    background-color: $black !important;
    border: 10rpx solid $bg-gray !important;
  }

  .van-radio__label {
    color: $white !important;
  }

  .countdown-time {
    .title, .delimiter {
      color: $yellow;
    }

    .item {
      display: inline-block;
      width: 60rpx;
      margin-right: 5px;
      color: $black;
      font-weight: bold;
      text-align: center;
      background-color: $yellow;
      border-radius: 5rpx;
    }
  }

  .pay-dialog-label {
    color: $orange;
    text-align: left;
    margin: 40rpx 0;
  }

  .pay-info {
    .van-field__control {
      height: 100px !important;;
    }
  }

  .van-dialog__button:first-child {
    margin-top: 30rpx;
    margin-right: 20rpx;
  }

  .van-dialog__button:last-child {
    margin-top: 30rpx;
    margin-left: 20rpx;
  }

}